<style type="text/css">
      .navbar-brand {
        padding: 10px 15px;
      }
      .nav{
      	padding: 4px 25px;
      	padding-top:8px;
      }
      #login{
     
      	padding-top:11px;
      }
      body {
        padding-top: 80px;
      }
    </style>
<div class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href=""><img src="public/images/logopequeno.png" width="75" height="45" alt="WebDiet" id="logo-webdiet"></a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="@{Application.index()}">Home</a></li>
            <li><a href="">About</a></li>
            <li><a href="">Contact</a></li>
             #{if session.pessoa}
            <li><a href="@{Nutricionistas.inserir2()}">Inserir Nutricionistas</a></li>
         	 #{/if}
          </ul>
          
          <ul class="nav navbar-nav navbar-right">
          #{if session.pessoa}
            <li></li>           
            <li><a href="@{Login.logout()}"><button type="button" class="btn btn-danger btn-xs">Logout</button></a></li>
             #{/if}
             #{else}
            <li><a href="@{Login.index()}"><button type="button" class="btn btn-success btn-xs">Login</button></a></li>
           #{/else}
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>

    